<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title><g:layoutTitle default="Grails"/></title>

		<link rel="stylesheet" href="${resource(dir:'css', file:'main.css')}" type="text/css">
		<g:javascript library="jquery" />
		
		<g:layoutHead/>
        <r:layoutResources />
	</head>
	<body>
		<div id="header">
			<div class="logo">
				<a href="/club-del-pochoclo"><img src="${resource(dir: 'images', file: 'logo.jpg')}" alt="Club Del Pochoclo"/></a>
			</div>	
			<g:if test="${flash.message}">
				<div>
					${flash.message }
				</div>
			</g:if>
			<g:if test="${session.usuario}">
				<div class="usuario">
					${session.usuario} | <g:link controller="user" action="desloguearse">Salir</g:link>
				</div>
			</g:if>
			<g:else>
				<g:link controller="user" action="login">Ingresar</g:link>				
			</g:else>
		</div>
		<div id="content">
			<g:layoutBody/>
		</div>
		<div class="footer"></div>
		<div id="spinner" class="spinner" style="display:none;">
			<g:message code="spinner.alt" default="Loading&hellip;"/>
		</div>
		<g:javascript library="application"/>
        <r:layoutResources />
	</body>
</html>
